<template>
    <div class="main" :style="main_bg">
        <div class="welcome"> 
        <i class="el-icon-s-home mb30" style="  font-size: 100px;"></i>
        <div>welcome to my platform </div>
    </div>
    </div>
</template>

<script>
export default {
    data(){
        return{
            main_bg:{
            height:"calc(100% - 8px)",
                backgroundImage:
          "url(" + require("@/assets/img/main/main_bac.jpg") + ")",
        backgroundRepeat: "no-repeat",
        backgroundPosition: "center center",
        backgroundSize: "cover",
            }
        }
    }
}
</script>

<style scoped>
.welcome{
    text-align: center;
    font-size: 60px;
    color:rgb(25 127 228);
    padding-top: 20%;
    font-weight:bold;
    letter-spacing: 5px;
}
</style>